﻿<phone:PhoneApplicationPage 
    x:Class="OnlineVideos.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:LART="clr-namespace:CommonControls"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800" 
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait"  Orientation="Landscape"
    shell:SystemTray.IsVisible="False" 
    Loaded="PhoneApplicationPage_Loaded">

   
    <phone:PhoneApplicationPage.Resources>
        <ItemsPanelTemplate x:Key="ItemsPanelTemplate1">
            <toolkit:WrapPanel/>
        </ItemsPanelTemplate>
       
    </phone:PhoneApplicationPage.Resources>
   
            <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
            
                <!--Panorama control-->
        <phone:Panorama x:Name="panoramaMain">
            <phone:Panorama.Background>
                <ImageBrush ImageSource="/Images/Panorama/Background.jpg"/>
            </phone:Panorama.Background>
            <phone:Panorama.Foreground>white</phone:Panorama.Foreground>
            <phone:Panorama.Title>
                <StackPanel Orientation="Horizontal" Margin="0,80,0,0">
                    <Image x:Name="imgLogo" Source="/Images/Panorama/Logo.png" Width="101" Height="132" Margin="10,0,0,0"/>
                    <Image x:Name="imgTitle" Source="/Images/Panorama/Title.png"  Width="915" Height="151" Margin="10,10,0,0"></Image>
                </StackPanel>
            </phone:Panorama.Title>
           
            <!--Panorama item top rated-->
            <phone:PanoramaItem x:Name="pvtitmTopRated">
                <phone:PanoramaItem.Header>
                    <ContentControl>
                        <StackPanel Orientation="Horizontal">
                            <TextBlock x:Name="tblkhindi" Text="top rated" Style="{StaticResource MainPanoramaTitlestyle}"></TextBlock>
                           
                        </StackPanel>
                      
                    </ContentControl>
                </phone:PanoramaItem.Header>                
                <Grid>
                    <ListBox x:Name="lbxTopRated"   Foreground="White"  SelectionChanged="lbxTopRated_SelectionChanged" ItemsPanel="{StaticResource ItemsPanelTemplate1}" SelectionMode="Single">
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <Border Height="210" Width="140">
                                    <Image Height="190" Width="130" Stretch="UniformToFill"  Source="{Binding Image}"/>
                                </Border>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>
                    <Canvas>
                        <TextBlock Canvas.Top="160" Canvas.Left="10" Foreground="White" Text="create new video mix by taping the '+' icon on the main menu left of here ." TextWrapping="Wrap" Width="450" FontSize="24" x:Name="tblkToprated" Visibility="Collapsed"/>
                    </Canvas>
                </Grid>
            </phone:PanoramaItem>

            <!--Panorama item recent-->
            <phone:PanoramaItem x:Name="pvtitmRecent">
                <phone:PanoramaItem.Header>
                    <ContentControl>
                        <StackPanel Orientation="Horizontal">
                            <TextBlock x:Name="tblktelugu" Text="recent" Style="{StaticResource MainPanoramaTitlestyle}"></TextBlock>
                        </StackPanel>
                    </ContentControl>
                </phone:PanoramaItem.Header>                
                <Grid>
                    <ListBox x:Name="lbxRecentlyAdded" Foreground="White" SelectionChanged="lbxRecentlyAdded_SelectionChanged" ItemsPanel="{StaticResource ItemsPanelTemplate1}">
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <Border Height="210" Width="140">
                                    <Image Height="190" Width="130" Stretch="UniformToFill"  Source="{Binding Image}"/>
                                </Border>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>
                    <Canvas>
                        <TextBlock Canvas.Top="160" Canvas.Left="10" TextWrapping="Wrap" Foreground="White" FontSize="24" Text="create new video mix by taping the '+' icon on the main menu left of here ." x:Name="tblkrecent" Width="450" Visibility="Collapsed"/>
                    </Canvas>
                </Grid>
            </phone:PanoramaItem>
            <phone:PanoramaItem x:Name="pvtitmtamil" Visibility="Collapsed">
                <phone:PanoramaItem.Header>
                    <ContentControl>
                        <StackPanel Orientation="Horizontal">
                            <TextBlock Text="tamil" Style="{StaticResource MainPanoramaTitlestyle}"></TextBlock>
                        </StackPanel>
                    </ContentControl>
                </phone:PanoramaItem.Header>
                <Grid>
                    <ListBox x:Name="lbxtamil" Foreground="White" SelectionChanged="lbxtamil_SelectionChanged_1"  ItemsPanel="{StaticResource ItemsPanelTemplate1}">
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <Border Height="210" Width="140">
                                    <Image Height="190" Width="130" Source="{Binding Image}"/>
                                </Border>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>
                    <!--<Canvas>
                        <TextBlock Canvas.Top="160" Canvas.Left="10" TextWrapping="Wrap" Foreground="White" FontSize="24" Text="create new video mix by taping the '+' icon on the main menu left of here ." x:Name="tblkrecent" Width="450" Visibility="Collapsed"/>
                    </Canvas>-->
                </Grid>
            </phone:PanoramaItem>
            <phone:PanoramaItem x:Name="pvtitmupcoming" Visibility="Collapsed">
                <phone:PanoramaItem.Header>
                    <ContentControl>
                        <StackPanel Orientation="Horizontal">
                            <TextBlock Text="upcoming movies" Style="{StaticResource MainPanoramaTitlestyle}"></TextBlock>
                        </StackPanel>
                    </ContentControl>
                </phone:PanoramaItem.Header>
                <Grid>
                    <ListBox x:Name="lbxupcoming" Foreground="White" SelectionChanged="lbxupcoming_SelectionChanged_1"  ItemsPanel="{StaticResource ItemsPanelTemplate1}">
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <Border Height="210" Width="140">
                                    <Image Height="190" Width="130" Source="{Binding Image}"/>
                                </Border>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>
                    <!--<Canvas>
                        <TextBlock Canvas.Top="160" Canvas.Left="10" TextWrapping="Wrap" Foreground="White" FontSize="24" Text="create new video mix by taping the '+' icon on the main menu left of here ." x:Name="tblkrecent" Width="450" Visibility="Collapsed"/>
                    </Canvas>-->
                </Grid>
            </phone:PanoramaItem>
            <!--Panorama item TopSongs-->
            <phone:PanoramaItem x:Name="PvtitmTopSongs">
                <phone:PanoramaItem.Header>
                    <ContentControl>
                        <TextBlock x:Name="tblkHeader"  Style="{StaticResource MainPanoramaTitlestyle}"></TextBlock>
                    </ContentControl>
                </phone:PanoramaItem.Header>
                <Grid>
                    <ListBox x:Name="lbxSongsList" Foreground="White" VerticalAlignment="Top" SelectionChanged="lbxSongsList_SelectionChanged" Height="400">
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <StackPanel Orientation="Horizontal" Height="80">
                                    <TextBlock Text="{Binding Title}" Style="{StaticResource SongsPivottyle}" Margin="10,0,0,0" Width="380"   VerticalAlignment="Center" TextWrapping="Wrap"/>
                                </StackPanel>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>
                </Grid>
            </phone:PanoramaItem>
            <!--Panorama item TopMusic-->
            <phone:PanoramaItem x:Name="PvtitmTopAudio">
                <phone:PanoramaItem.Header>
                    <ContentControl>
                        <TextBlock x:Name="tblkMusicHeader"  Style="{StaticResource MainPanoramaTitlestyle}"></TextBlock>
                    </ContentControl>
                </phone:PanoramaItem.Header>
                <Grid>
                    <ListBox x:Name="lbxAudioList" Foreground="White" VerticalAlignment="Top" SelectionChanged="lbxAudioList_SelectionChanged" Height="400">
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <StackPanel Orientation="Horizontal" Height="80">
                                    <TextBlock Text="{Binding Title}" Style="{StaticResource SongsPivottyle}" Margin="10,0,0,0" Width="380"   VerticalAlignment="Center" TextWrapping="Wrap"/>
                                </StackPanel>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>
                </Grid>
            </phone:PanoramaItem>
            <!--Panorama item about Us-->
            <phone:PanoramaItem>
                <phone:PanoramaItem.Header>
                    <ContentControl>
                        <TextBlock Text="about" Style="{StaticResource MainPanoramaTitlestyle}"></TextBlock>
                    </ContentControl>
                </phone:PanoramaItem.Header>
                <Grid x:Name="AboutGrid">
                  <LART:AboutUs />  
                </Grid>
            </phone:PanoramaItem>

            <!--Panorama item menu-->
            <phone:PanoramaItem x:Name="pvtitmMenu">
                <phone:PanoramaItem.Header>
                    <StackPanel Orientation="Horizontal" Margin="0,8,0,0" Visibility="Collapsed" x:Name="SearchPanel">
                        <toolkit:PhoneTextBox Hint="Search" x:Name="tbxSearch"  Width="340"
                                         ActionIcon="/Images/appbar.feature.search.rest.png"
                                         ActionIconTapped="Search_ActionIconTapped"/>
                        <Image  x:Name="speaker" Source="/Images/microphone1.png" Height="48" Width="48" MouseLeftButtonDown="speaker_MouseLeftButtonDown_1"></Image>
                    </StackPanel>
                </phone:PanoramaItem.Header>
                <Grid>
                    <Grid.ColumnDefinitions >
                        <ColumnDefinition Width="330"></ColumnDefinition>
                        <ColumnDefinition Width="*"></ColumnDefinition>
                    </Grid.ColumnDefinitions>
                    <ListBox x:Name="lbxMenu" Grid.Column="0" Margin="25,0,0,5" SelectionChanged="lbxMenu_SelectionChanged" ScrollViewer.VerticalScrollBarVisibility="Disabled" Foreground="White">
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <StackPanel Orientation="Horizontal" Margin="0,10,0,10">
                                    <Image Source="{Binding ImageUri}" HorizontalAlignment="Left" Height="40" Width="40" Margin="0,20,20,0" VerticalAlignment="Center"/>
                                    <TextBlock Text="{Binding Name}" Style="{StaticResource MainMenuItemTextStyle}" VerticalAlignment="Center"/>
                                </StackPanel>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>
                    <Image Source="/Images/appbar.add.rest.png" x:Name="downloadimg" HorizontalAlignment="Left" Height="40" Width="40" Margin="20,15,10,0" VerticalAlignment="Top" Grid.Column="1" MouseLeftButtonDown="downloadimg_MouseLeftButtonDown" Visibility="Collapsed"/>
                    <Image Source="/Images/PlayerImages/playAll.png" x:Name="playfav" HorizontalAlignment="Left" Height="50" Width="50" Margin="20,95,10,0" VerticalAlignment="Top" Grid.Column="1" MouseLeftButtonDown="playfav_MouseLeftButtonDown_1" />
                </Grid>
            </phone:PanoramaItem>
        </phone:Panorama>
    </Grid>
</phone:PhoneApplicationPage>